<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <link rel="stylesheet" type="text/css" href="main.css">
  <script type="text/javascript" src="main.js"></script>
  <script type="text/javascript" src="test.js"></script>
  <script type="text/javascript">
  	function init() {
  		tests.initTests();
  	}
  </script>
 </head>
 <body style="margin:0" onload="init()">
  <table class="plugin">
   <tr>
    <td align="center">
     <table style="margin:0px" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td>
	     <div style="margin:0; position:absolute; width:auto; height:auto; top:auto; left:auto; z-index:200; margin:0; border:0; text-align:center">    
	       <a href="javascript:images.hideImage()" class="arrowLink"><img class="arrowImage" id="dynamicImageEl" src="" style="z-index:200; left:-86px; top:0px; position:absolute; border:0; display:none">
	     </div>                   
       </td>
      </tr>
      </table>
      <table style="width:100%" cellspacing="0" cellpadding="0">
      	<tr>
      	  <td style="width:40%" align="center" style="width:40%"><img src="img/left_team.gif"></td>
      	  <td rowspan="2">
      	    <table cellspacing="0" cellpadding="0">
      	     <tr><td class="score"><span class="scoreLeft">17</span>:<span class="scoreRight">14</span></td></tr>
      	     <tr><td><img src="img/fball_e0.gif"></td></tr>
      	    </table>      	  
      	  <td style="width:40%" align="center"><img src="img/right_team.gif"></td>      	        	  
      	</tr>
      	<tr>
   		  <td style="width:40%" align="center" class="teamLabel">New York Giants</td>
      	  <td style="width:40%" align="center" class="teamLabel">New Ingland Patriots</td>
      	</tr>
      </table>
    </td>
   </tr>
   <tr>
    <td>
     <table width="100%">
      <tr>
       <!-- Left arrow -->
       <td><a class="arrowLink" href="javascript:images.scrollLeft()"><img class="arrowImage" src="img/left.gif"></a></td>
       <!-- Image panel -->
       <td><iframe style="height:50px; width:100%" src="shots.html" frameborder="0" scrolling="no" name="shotsFrame"></iframe></td>
       <!-- Right arrow -->
       <td><a class="arrowLink" href="javascript:images.scrollRight()"><img class="arrowImage"  src="img/right.gif"></a></td>       
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <iframe style="height160px; width:100%" src="text.html" frameborder="0" scrolling="no" name="textFrame"></iframe>     
    </td>
   </tr> 		
  </table>
 </body>
</html>